@charset "UTF-8";
.girls {
  width: 100%;
  height: auto;
}

.girls header {
  background: -webkit-linear-gradient(left, #ff62a5, #ff816e);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ff62a5, #ff816e);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ff62a5, #ff816e);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ff62a5, #ff816e);
  /* 标准的语法 */
  position: relative;
  top: 0;
  left: 0;
  z-index: 999;
}

.girls header li a {
  color: white;
}

.girls header li:hover {
  border-bottom: 0.04rem solid white;
}

.girls header .active {
  border-bottom: 0.04rem solid white;
}

.girls .books {
  width: 14.5rem;
  height: auto;
  margin: 0 auto;
}

.girls .books > div {
  background: white;
  margin-top: 0.2rem;
}

.girls .books .title {
  height: 0.58rem;
  width: 100%;
  border-bottom: 1px solid #e8e6e6;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

.girls .books .title p {
  border-left: 0.04rem solid #f62461;
  height: 0.19rem;
  margin-top: 0.19rem;
  color: #2d2b2b;
  font-size: 0.18rem;
  text-indent: 0.11rem;
  font-weight: bold;
  line-height: 0.19rem;
}

.girls .books .title a {
  display: block;
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.58rem;
}

.girls .books .con {
  width: 14rem;
  height: auto;
  margin: 0 auto;
}

.girls .books .booktop {
  width: 100%;
  height: 5.1rem;
  overflow: hidden;
  display: flex;
}

.girls .books .booktop .banner1 {
  width: 10.73rem;
  height: 4.62rem;
  margin: 0.2rem;
  margin-right: 0.3rem;
}

.girls .books .booktop .banner1 .swiper-container {
  width: 100%;
  height: 4.62rem;
  font-size: 5rem;
}

.girls .books .booktop .banner1 .swiper-container .swiper-slide {
  width: 100%;
  height: 3.8rem;
}

.girls .books .booktop .banner1 .swiper-container .swiper-slide img {
  width: 10.73rem;
  height: 4.62rem;
  display: block;
}

.girls .books .booktop .banner1 .swiper-container .swiper-pagination {
  bottom: 5rem;
  height: 0.5rem;
}

.girls .books .booktop .banner1 .swiper-container .swiper-pagination .swiper-pagination-bullet {
  transition: 0.3s all ease;
  border-radius: 0;
  width: 0.05rem;
  height: 0.05rem;
  background: white;
  margin-left: 0.04rem;
  opacity: 1;
  outline: none;
}

.girls .books .booktop .banner1 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.27rem;
  height: 0.05rem;
  border-radius: 0.02rem;
}

.girls .books .booktop .recommend {
  width: 3.1rem;
  height: 100%;
}

.girls .books .booktop .recommend .editlist ul li:last-child {
  border: none;
}

.girls .books .booktop .recommend .editlist ul li:first-child a .biao, .girls .books .booktop .recommend .editlist ul li:nth-child(2) a .biao, .girls .books .booktop .recommend .editlist ul li:nth-child(3) a .biao {
  width: 0.35rem;
  height: 0.35rem;
  background: url(../img/two.png) no-repeat;
  background-size: cover;
  background-position: 100% 100%;
  text-align: center;
  line-height: 0.35rem;
  color: white;
  font-size: 0.18rem;
  margin-right: 0.1rem;
  float: left;
}

.girls .books .booktop .recommend .editlist ul li:nth-child(4) a .biao, .girls .books .booktop .recommend .editlist ul li:nth-child(5) a .biao {
  width: 0.35rem;
  height: 0.35rem;
  background: #f4f1f2;
  color: #2d2b2b;
  text-align: center;
  line-height: 0.35rem;
  font-size: 0.18rem;
  margin-right: 0.1rem;
  float: left;
}

.girls .books .booktop .recommend .editlist ul li {
  border-bottom: 1px solid #f8f7f7;
  overflow: hidden;
}

.girls .books .booktop .recommend .editlist ul li a {
  color: #2d2b2b;
  display: block;
}

.girls .books .booktop .recommend .editlist ul li a .name {
  font-size: 0.18rem;
}

.girls .books .booktop .recommend .editlist ul li a .original {
  padding: 0.18rem 0;
  height: 0.35rem;
}

.girls .books .booktop .recommend .editlist ul li a .original .name {
  font-size: 0.18rem;
  line-height: 0.35rem;
  display: -webkit-box;
  max-height: 0.26rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.girls .books .booktop .recommend .editlist ul li a .original .name span {
  font-weight: bold;
}

.girls .books .booktop .recommend .editlist ul li a .now {
  height: 1rem;
  padding: 0.25rem 0;
  display: none;
}

.girls .books .booktop .recommend .editlist ul li a .now .cover {
  float: left;
  margin-right: 0.08rem;
}

.girls .books .booktop .recommend .editlist ul li a .now .cover img {
  width: 0.84rem;
  height: 1.1rem;
}

.girls .books .booktop .recommend .editlist ul li a .now div {
  width: 1.5rem;
  float: left;
}

.girls .books .booktop .recommend .editlist ul li a .now div .name {
  font-weight: bold;
  line-height: 0.26rem;
  margin: 0.05rem 0;
  max-height: 0.52rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.girls .books .booktop .recommend .editlist ul li a .now div .author, .girls .books .booktop .recommend .editlist ul li a .now div .lei {
  font-size: 0.12rem;
  line-height: 0.2rem;
}

.girls .books .booktop .recommend .editlist ul li a .show {
  display: block;
}

.girls .books .booktop .recommend .editlist ul li a .hide {
  display: none;
}

.girls .books .ancient, .girls .books .modern {
  width: 100%;
  height: 6.65rem;
}

.girls .books .ancient .ancientbook, .girls .books .modern .ancientbook {
  display: flex;
}

.girls .books .ancient .ancientbook .bookbanner, .girls .books .modern .ancientbook .bookbanner {
  width: 4.48rem;
  height: 5.425rem;
  background: #fdf6f7;
  margin: 0.2rem 0.2rem 0 0;
}

.girls .books .ancient .ancientbook .bookbanner .bookf, .girls .books .modern .ancientbook .bookbanner .bookf {
  position: relative;
}

.girls .books .ancient .ancientbook .bookbanner .bookf .swiper-container, .girls .books .modern .ancientbook .bookbanner .bookf .swiper-container {
  width: 3.5rem;
  height: 2.75rem;
}

.girls .books .ancient .ancientbook .bookbanner .bookf .swiper-container .swiper-wrapper, .girls .books .modern .ancientbook .bookbanner .bookf .swiper-container .swiper-wrapper {
  margin-top: -0.1rem;
}

.girls .books .ancient .ancientbook .bookbanner .bookf .swiper-container .swiper-slide, .girls .books .modern .ancientbook .bookbanner .bookf .swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
}

.girls .books .ancient .ancientbook .bookbanner .bookf .swiper-container .swiper-slide img, .girls .books .modern .ancientbook .bookbanner .bookf .swiper-container .swiper-slide img {
  width: 1.95rem !important;
  height: 2.7rem;
  min-width: 1.92rem;
  display: block;
}

.girls .books .ancient .ancientbook .bookbanner .bookf .swiper-container .swiper-slide-active, .girls .books .ancient .ancientbook .bookbanner .bookf .swiper-container .swiper-slide-duplicate-active, .girls .books .modern .ancientbook .bookbanner .bookf .swiper-container .swiper-slide-active, .girls .books .modern .ancientbook .bookbanner .bookf .swiper-container .swiper-slide-duplicate-active {
  transform: scale(1);
  z-index: 999;
  margin-top: -0.01rem;
}

.girls .books .ancient .ancientbook .bookbanner .bookf .sbutton, .girls .books .modern .ancientbook .bookbanner .bookf .sbutton {
  cursor: pointer;
  outline: none;
  width: 0.13rem;
  height: 0.24rem;
}

.girls .books .ancient .ancientbook .bookbanner .bookf .swiper-button-next, .girls .books .ancient .ancientbook .bookbanner .bookf .swiper-container-rtl .swiper-button-prev, .girls .books .modern .ancientbook .bookbanner .bookf .swiper-button-next, .girls .books .modern .ancientbook .bookbanner .bookf .swiper-container-rtl .swiper-button-prev {
  background: url(../img/left.png) no-repeat;
  background-size: cover;
  right: 4.2rem;
  top: 1.8rem;
}

.girls .books .ancient .ancientbook .bookbanner .bookf .sprev, .girls .books .modern .ancientbook .bookbanner .bookf .sprev {
  position: absolute;
  background: url(../img/left.png) no-repeat;
  background-size: cover;
  right: 4.2rem;
  top: 1.5rem;
}

.girls .books .ancient .ancientbook .bookbanner .bookf .snext, .girls .books .modern .ancientbook .bookbanner .bookf .snext {
  position: absolute;
  background: url(../img/right.png) no-repeat;
  background-size: cover;
  left: 4.2rem;
  top: 1.5rem;
}

.girls .books .ancient .ancientbook .bookbanner .bookf .swiper-button-prev, .girls .books .ancient .ancientbook .bookbanner .bookf .swiper-container-rtl .swiper-button-next, .girls .books .modern .ancientbook .bookbanner .bookf .swiper-button-prev, .girls .books .modern .ancientbook .bookbanner .bookf .swiper-container-rtl .swiper-button-next {
  background: url(../img/right.png) no-repeat;
  background-size: cover;
  left: 4.2rem;
  top: 1.8rem;
}

.girls .books .ancient .ancientbook .bookbanner .bookw, .girls .books .modern .ancientbook .bookbanner .bookw {
  width: 3.8rem;
  margin: 0 auto;
  position: relative;
}

.girls .books .ancient .ancientbook .bookbanner .bookw div, .girls .books .modern .ancientbook .bookbanner .bookw div {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
}

.girls .books .ancient .ancientbook .bookbanner .bookw div .name, .girls .books .modern .ancientbook .bookbanner .bookw div .name {
  font-size: 0.22rem;
  color: black;
  margin: 0.35rem 0 0.08rem 0;
}

.girls .books .ancient .ancientbook .bookbanner .bookw div .author, .girls .books .modern .ancientbook .bookbanner .bookw div .author {
  color: #666666;
  font-size: 0.16rem;
  margin-bottom: 0.08rem;
}

.girls .books .ancient .ancientbook .bookbanner .bookw div .intro, .girls .books .modern .ancientbook .bookbanner .bookw div .intro {
  color: #666666;
  font-size: 0.16rem;
  line-height: 0.3rem;
  display: -webkit-box;
  max-height: 0.6rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 0.25rem;
}

.girls .books .ancient .ancientbook .bookbanner .bookw div .btn, .girls .books .modern .ancientbook .bookbanner .bookw div .btn {
  width: 1.56rem;
  height: 0.48rem;
  background: #f62461;
  border-radius: 0.2rem;
  line-height: 0.48rem;
  font-size: 0.18rem;
  margin: 0 auto;
}

.girls .books .ancient .ancientbook .bookbanner .bookw div .btn a, .girls .books .modern .ancientbook .bookbanner .bookw div .btn a {
  width: 100%;
  height: 100%;
  display: block;
  color: white;
}

.girls .books .ancient .ancientbook .booklist ul:last-child, .girls .books .modern .ancientbook .booklist ul:last-child {
  border: none;
}

.girls .books .ancient .ancientbook .booklist ul, .girls .books .modern .ancientbook .booklist ul {
  margin-top: 0.2rem;
  width: 9.3rem;
  border-bottom: 0.01rem solid #f8f7f7;
  height: 1.7rem;
  display: flex;
  justify-content: space-between;
}

.girls .books .ancient .ancientbook .booklist ul li, .girls .books .modern .ancientbook .booklist ul li {
  width: 4.55rem;
  height: 1.52rem;
  display: block;
}

.girls .books .ancient .ancientbook .booklist ul li a, .girls .books .modern .ancientbook .booklist ul li a {
  width: 100%;
  height: 100%;
  display: block;
  display: flex;
}

.girls .books .ancient .ancientbook .booklist ul li a .cover, .girls .books .modern .ancientbook .booklist ul li a .cover {
  margin-right: 0.18rem;
}

.girls .books .ancient .ancientbook .booklist ul li a .cover img, .girls .books .modern .ancientbook .booklist ul li a .cover img {
  width: 1.1rem;
  height: 1.52rem;
  box-shadow: 0px 0px 10px #d9d9d9;
  transition: 0.3s ease all;
}

.girls .books .ancient .ancientbook .booklist ul li a .cover img:hover, .girls .books .modern .ancientbook .booklist ul li a .cover img:hover {
  box-shadow: 0px 0px 20px #d9d9d9;
}

.girls .books .ancient .ancientbook .booklist ul li a .bookcon, .girls .books .modern .ancientbook .booklist ul li a .bookcon {
  width: 3.2rem;
}

.girls .books .ancient .ancientbook .booklist ul li a .bookcon h3, .girls .books .modern .ancientbook .booklist ul li a .bookcon h3 {
  color: black;
  font-size: 0.2rem;
  line-height: 0.45rem;
  transition: 0.2s all ease;
}

.girls .books .ancient .ancientbook .booklist ul li a .bookcon .intro, .girls .books .modern .ancientbook .booklist ul li a .bookcon .intro {
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.36rem;
  max-height: 0.72rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 0.05rem;
}

.girls .books .ancient .ancientbook .booklist ul li a .bookcon .author, .girls .books .modern .ancientbook .booklist ul li a .bookcon .author {
  font-size: 0.16rem;
  line-height: 0.36rem;
  color: #999999;
}

.girls .books .ancient .ancientbook .booklist ul li a .bookcon:hover h3, .girls .books .modern .ancientbook .booklist ul li a .bookcon:hover h3 {
  color: #f62461;
}

.girls .books .newbook {
  width: 100%;
  height: 4.82rem;
}

.girls .books .newbook ul {
  margin-top: 0.24rem;
  display: flex;
  justify-content: space-between;
}

.girls .books .newbook ul li {
  width: 2rem;
  text-align: center;
}

.girls .books .newbook ul li a img {
  width: 2rem;
  height: 2.77rem;
  transition: 0.2s all ease;
}

.girls .books .newbook ul li a img:hover {
  box-shadow: 0 0 10px #c9c9c9;
}

.girls .books .newbook ul li a .name {
  color: black;
  font-size: 0.22rem;
  margin: 0.24rem 0 0.13rem 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 0.26rem;
  line-height: 0.26rem;
  overflow: hidden;
}

.girls .books .newbook ul li a .author {
  color: #666666;
  font-size: 0.16rem;
}

.girls .books .list {
  width: 100%;
  height: 7.6rem;
  background: none;
  display: flex;
  justify-content: space-between;
}

.girls .books .list .listdetail {
  width: 3.43rem;
  height: 100%;
  background: white;
}

.girls .books .list .listdetail .detail {
  width: 2.96rem;
  margin: 0 auto;
}

.girls .books .list .listdetail ul li:hover .bookb .name {
  color: #f62461;
}

.girls .books .list .listdetail ul li:last-child {
  border: none;
}

.girls .books .list .listdetail ul li {
  padding: 0.13rem 0;
  border-bottom: 0.01rem solid #f6f5f5;
}

.girls .books .list .listdetail ul li .author {
  color: #2d2b2b;
  font-size: 0.16rem;
}

.girls .books .list .listdetail ul li a {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.girls .books .list .listdetail ul li a .bookb {
  display: flex;
  height: 0.31rem;
}

.girls .books .list .listdetail ul li a .bookb .nu {
  width: 0.31rem;
  height: 0.31rem;
  text-align: center;
  line-height: 0.31rem;
  font-size: 0.18rem;
  margin-right: 0.12rem;
  background: #f4f1f2;
  color: #2d2b2b;
}

.girls .books .list .listdetail ul li a .bookb .num {
  background: url(../img/two.png) no-repeat;
  background-position: 100%;
  background-size: 100% 100%;
  color: white;
}

.girls .books .list .listdetail ul li a .bookb .name {
  color: #2d2b2b;
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.28rem;
  transition: 0.3s all ease;
}

.girls .books .list .listdetail ul li a .alist {
  line-height: 0.26rem;
}

.girls .books .list .listdetail ul li:first-child:hover .cover {
  box-shadow: 0 0 10px #d9d9d9;
}

.girls .books .list .listdetail ul li:first-child {
  padding: 0.24rem 0;
}

.girls .books .list .listdetail ul li:first-child a {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.girls .books .list .listdetail ul li:first-child a .nr {
  width: 1.77rem;
}

.girls .books .list .listdetail ul li:first-child a .nr img {
  width: 0.61rem;
  height: auto;
  display: block;
}

.girls .books .list .listdetail ul li:first-child a .nr .name {
  min-height: 0.48rem;
  color: #2d2b2b;
  font-size: 0.18rem;
  line-height: 0.24rem;
  max-height: 0.48rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0.18rem 0 0.06rem 0;
}

.girls .books .list .listdetail ul li:first-child a .cover {
  width: 0.96rem;
  height: 1.29rem;
  transition: 0.2s all ease;
}

.girls .books .edit {
  height: 2.37rem;
  margin-bottom: 0.2rem;
}

.girls .books .edit .title {
  border: none;
}

.girls .books .edit .msg {
  display: flex;
  justify-content: space-between;
  margin-top: 0.3rem;
}

.girls .books .edit .msg div {
  width: 2.26rem;
  height: 0.76rem;
  padding-top: 0.4rem;
  background: #fdf6f7;
  position: relative;
  border-radius: 0.01rem;
}

.girls .books .edit .msg div img {
  width: 0.6rem;
  height: 0.6rem;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: -0.3rem;
  margin-left: -0.3rem;
}

.girls .books .edit .msg div p {
  font-size: 0.16rem;
  line-height: 0.3rem;
  color: #2d2b2b;
  text-align: center;
}

.girls footer {
  width: 100%;
  height: 1.8rem;
  background: #fde2e6;
  color: #a5535f;
  overflow: hidden;
}

.girls footer a {
  color: #a5535f;
}

.girls footer .bottom {
  margin-top: 0.38rem;
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.28rem;
}
